// pages/Jcrwcl/Jcrwcl.js
import ajax from '../../utils/api.js';
var app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        flagMove:false,//默认未签名
        context:null,
        content:'',
        daohang: [
            {name: "任务受理书"},
            {name: "资料检测项目"},
            {name: "现场检测项目"},
            {name: "审核"}, 
          ],
        zilList:[],
        array: ['审核通过', '驳回'],
          currentActive:0,
          date: '',
          shows:false,
          writeIcon:'',
          rwsls:{},
          zilListto:[],
          zilListtolengs:'',

          radioItems: [
            {value: 1, name: '吊钩'},
            {value: 2, name: '集装箱吊具'},
          ]
    },
    switchNav: function (e){
        var cur = e.currentTarget.dataset.current;                       
        this.setData({
            currentActive: cur,
        })      
        if (cur == 1) {
            this.Xczl()
        }else if(cur == 2){
            this.Xcjcxm()
        }
    },
    showsFun(){
     this.setData({
        shows:!this.data.shows
     })
     
    },
    
    bindPickerChange: function(e) {
       
        // if(this.data.shenheDetailObj.status == 3){
        //     if(e.detail.value == 0){
        //         this.setData({jielun:4})
        //     }else if(e.detail.value == 1){
        //         this.setData({jielun:-2})
        //     }
        // }
        // if(this.data.shenheDetailObj.status == 2){
        //     if(e.detail.value == 0){
        //         this.setData({jielun:3})
        //     }else if(e.detail.value == 1){
        //         this.setData({jielun:-2})
        //     }
        // }

        if(e.detail.value == 0){
            this.setData({jielun:5})
        }else if(e.detail.value == 1){
            this.setData({jielun:-2})
        }
        
        this.setData({
        seleNull:'0',
          index: e.detail.value
        })
      },
    bindDateChange: function(e) {
        this.setData({
          date: e.detail.value
        })
      },
      bindDateChange2: function(e) {
        this.setData({
          date: e.detail.value
        })
      },
      bindDateChange3: function(e) {
        this.setData({
          date: e.detail.value
        })
      },
      bindDateChange4: function(e) {
        this.setData({
          date: e.detail.value
        })
      },
      bindinput2:function(e){
        var _this=this
        _this.setData({
          content:e.detail.value
        })
      },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        if (options.id){   
            this.setData({
                detailId:options.id,
                number:options.number
            })
        }
        let context = wx.createCanvasContext('canvasId')
        this.setData({
          context: context
        })
        context.draw();
        if (options.urlObjshenhe){
            this.setData({
                shenheDetailObj:JSON.parse(options.urlObjshenhe)
            })
        }
       
        this.Ysjlrwgl()
    },
        Ysjlrwgl(){ //任务受理书-现场检测基础信息
            var _this=this
           
            ajax.rwgl(this.data.detailId,{
            }).then((res)=>{
                this.setData({
                    rwsls:res.data
                })
             
                } ).catch((err) => {
                    console.log(err)
                });  
           },
        Xczl(){ //获取原始记录相关信息-资料检测项目
            var _this=this
            ajax.xczl(this.data.detailId,{
            }).then((res)=>{
                this.setData({
                    zilList:res.data
                })
               
                } ).catch((err) => {
                    console.log(err)
                });  
        },
        Xcjcxm(){ //获取原始记录相关信息-现场检测项目
            ajax.xcjcxm(this.data.detailId,{
            }).then((res)=>{
                this.setData({
                    zilListto:res.data,
                    zilListtolengs:res.data.length,
                })
                
                } ).catch((err) => {
                    console.log(err)
                });  
        },
        Gxyszt(){ //更新原始记录状态
              if(!this.data.jielun){
                wx.showToast({
                    title: '请选择转派结果！',
                    icon: 'none',
                    duration: 2000
                })
        
                return
            }

            var _this=this
            ajax.gxyszt({
                id:_this.data.shenheDetailObj.id,
                remark:_this.data.content,
                status:_this.data.jielun,
            }).then((res)=>{
                wx.showToast({
                    title: '提交成功',
                    icon: 'success',
                      duration: 2000
                  })
                var timer = setTimeout(()=>{
                    wx.navigateBack({//返回
                        delta: 1
                      })
                      clearTimeout(timer);
                },1000)
                } ).catch((err) => {
                    console.log(err)
                });  
        },
    bindtouchstart(e) {
        this.data.context.moveTo(e.changedTouches[0].x, e.changedTouches[0].y)
      },
      // 触摸移动
      bindtouchmove(e) {
        this.setData({
          flagMove:true,
        })
   
        this.data.context.lineTo(e.changedTouches[0].x, e.changedTouches[0].y);
        this.data.context.stroke();
        this.data.context.draw(true);
        this.data.context.moveTo(e.changedTouches[0].x, e.changedTouches[0].y);
        
      },
      /**清空画布 */
      clear() {
        this.data.context.clearRect(0, 0, 600, 700);//清空画布
        this.data.context.draw();
        this.setData({
          flagMove:false
        })
      },
      /**导出图片 */
     export() {
        const that = this;
       
        if(!that.data.flagMove){
          return;
        }
        // this.data.context.setFillStyle('black')
        
        // this.data.context.fillRect(0, 0, 600, 600)
      that.data.context.draw(true, wx.canvasToTempFilePath({
        x: 0,
        y: 0,
        fileType: 'png',
        canvasId: 'canvasId',
        success(res) {
          const { tempFilePath } = res;
          that.setData({
              writeIcon:tempFilePath
          })
        },
        fail() {
          showToast('签名提交失败');
        }
      }))
      },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})